<template>
  <div>
    <el-button @click="getData"></el-button>
    <h1>{{data.title}}</h1>
  
  <img  :src="data.imgUrl" class="avatar">
  <div class="quill-editor">
      <div class="ql-container ql-snow">
        <div class="ql-editor">
           <div v-html="data.html"></div>
        </div>
      </div>
    </div>

  </div>
</template>

<script>
import {getData} from '@/components/api.js'
export default {
  data(){
    return{
      data:
        {
          title:'hellow',
          img:'',
          html:'<p>12ds</p>'
        }
    }
  },
  methods:{
    getData(){
      getData({id:'39a612b1bdcf424894ce633ee54e4f5f'}).then(res => {
        console.log(res)
        this.data =res.data.data[0]
      })
    }
  }
}
</script>

<style>

</style>